/* 首页样式 */

/* banner */
.xt-banner{
	height: 500px;
	background-color: #f5f5f5;
}
.xt-banner-box{
	position: relative;
}
.banner_aside{
	width:251px;
	background: #000000;
	opacity:.8;
	position: absolute;
	left:0;
	top:0;
}
ul.focus_pic{
	margin-top: 1px;
}
.banner_aside ul li{
	height: 50px;
	line-height:50px;
	padding-left:36px;
	width:251px;
	padding-right:16px;
}
.banner_aside ul li span:first-child{
	padding: 0 10px 0 15px;
}
.banner_aside ul li a{
	font-size:16px;
	color: #FFFFFF;
}
.banner_aside ul li span{
	font-size:16px;
	color: #FFFFFF;
}
.banner_aside ul li:hover{
	background:#27ba9b;
	cursor: pointer;
}
.banner_aside ul li a::after{
	content: '';
	width: 6px;
	height: 11px;
	display: inline-block;
	background: url(../images/sprites.png) no-repeat -80px -110px;
	float:right;
	margin-top:19px;
}
a.prev{
	width:45px;
	height:45px;
	display: block;
	border-radius:50%;
	background-color: #000000;
	opacity: 0.2;
	position: absolute;
	left: 260px;
	top:227.5px;
	cursor:pointer;
}
a.prev span{
	width: 13px;
	height: 23px;
	display: block;
	background: url(../images/sprites.png) no-repeat 0 -70px;
	margin: 10px 0 0 15px;
}
a.next span{
	width: 13px;
	height: 23px;
	display: block;
	background: url(../images/sprites.png) no-repeat -40px -70px;
	margin: 10px 0 0 18px;
}
a.next{
	width:45px;
	height:45px;
	display: block;
	border-radius:50%;
	background-color: #000000;
	opacity: 0.2;
	cursor:pointer;
	position: absolute;
	right: 9px;
	top:227.5px;
}
ol.dot{
	position: absolute;
	top:460px;
	left: 680px;
}
ol.dot li{
	float: left;
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	border-radius:50%;
	margin-right:16px;
	opacity: 0.43;
	cursor:pointer;
}
ol.dot li.cur{
	background: #FFFFFF;
	opacity: 1;
}

/* 新鲜好物 */
.fresh-good{
	overflow: hidden;
}
.good-top{
	height:29px;
	/* line-height:29px; */
	overflow: hidden;
	padding: 48px 0 37px 0;
}
.good-top span:nth-of-type(1){
	float: left;
	font-size: 29px;
	color: #333333;
	margin-right:34px;
}
.good-top span:nth-of-type(2){
	float: left;
	font-size: 16px;
	color: #999999;
	line-height:41px;
}
.good-top span:nth-of-type(3){
	float: right;
	line-height:41px;
}
.good-top span:nth-of-type(3) a{
	font-size: 16px;
	color: #999999;
}
.good-top span:nth-of-type(3) em{
	width: 7px;
	height: 13px;
	display: inline-block;
	background: url(../images/sprites.png) no-repeat 0 -110px;
	margin-left:14px;
}
ul.good_list li{
	width:304px;
	height:405px;
	float: left;
	margin-right:8px;
}
ul.good_list li:last-child{
	margin-right:0px;
}
ul.good_list li a{
	width:304px;
	height:405px;
	display: block;
	position: relative;
}
ul.good_list li a strong{
	font-style: normal;
	width: 29px;
	height: 51px;
	padding-top: 7px;
	text-align: center;
	display: block;
	border:1px solid #27ba9b;
	border-radius: 2px;
	color: #27BA9B;
	font-weight:300;
	position: absolute;
	left: 17px;
	top:18px;
}
ul.good_list li a img{
	display: block;
	width:304px;
	height: 305px;
}
div.good-bottom{
	margin-top: 37px;
}
div.good_bootom{
	width:304px;
	height:100px;
	background:#f0f9f4;
	padding:21px 0;
}
div.good_bootom p:nth-of-type(1){
	font-size: 20px;
	color: #333333;
	text-align:center;
}
div.good_bootom p:nth-of-type(2){
	font-size: 23px;
	color: #9a2e1f;
	text-align:center;
	margin-top:19px;
}
div.good_bootom p:nth-of-type(2) i{
	font-style: normal;
	font-size:17px;
	color: #9a2e1f;
}
/* 热门品牌 */
.hot-brand{
	height: 466px;
	padding-top:42px;
	background-color: #f5f5f5;
}
.brand_top span:nth-of-type(1){
	font-size: 29px;
	color: #333333;
	margin-right:35px;
}
.brand_top span:nth-of-type(2){
	font-size: 16px;
	color: #999999;
}
.brand_middle{
	overflow: hidden;
	margin-bottom:14px;
}
.brand_middle span{
	width: 20px;
	height: 20px;
	display: block;
	background-color: #e2e2e2;
	float:right;
	margin-left:12px;
	cursor:pointer;
}
.brand_middle span:nth-of-type(1){
	
}
.brand_middle span:nth-of-type(1) a{
	display: inline-block;
	width:7px;
	height:13px;
	background: url(../images/sprites.png) no-repeat -40px -110px;
    margin-left: 7px;
    margin-top: 3px;
	cursor:pointer;
}
.brand_middle span:nth-of-type(2){
	background: #27ba9b;
	margin-right:0px;
}
.brand_middle span:nth-of-type(2) a{
	display: inline-block;
	width:7px;
	height:13px;
	background: url(../images/sprites.png) no-repeat -27px -110px;
	margin-left: 5px;
	margin-top: 3px;
	cursor:pointer;
}
div.brand_list ul li{
	width:244px;
	height:306px;
	float: left;
	margin-right: 5px;
}
div.brand_list ul li:last-child{
	margin-right:0;
}
div.brand_list ul li a{
	display:block;
	width:244px;
	height:306px;
}
div.brand_list ul li a img{
	display:block;
	width:244px;
	height:306px;
}

/* 楼层-生鲜 */
div.dress-good{
	
}
div.dress-nav{
	overflow: hidden;
	padding: 33px 0;
}
div.dress-nav h2{
	font-size: 29px;
	color: #333333;
	font-weight:200;
}
a.more{
	margin: 9px 0 0 58px;
	color: #999999;
}
a.more:hover{
	color: #27BA9B;
}
ul.dress-navlist{
	margin-top:9px;
	margin-left: 58px;
}
ul.dress-navlist li{
	float: left;
}
ul.dress-navlist li a{
	font-size: 16px;
	color: #333333;
	padding: 3px 8px;
}
ul.dress-navlist li a:hover{
	background: #27BA9B;
	color: #FFFFFF;
}
a.more::after{
	content: '';
	display: inline-block;
	width: 7px;
	height: 13px;
	background: url(../images/sprites.png) no-repeat 0px -110px;
	margin-left:16px;
}
div.dress-goodlist{
	overflow: hidden;
}
div.dressgood-left{
	width:240px;
	height:610px;
}
div.dressgood-left a img{
	width:100%;
}
div.dressgood-right{
	width:991px;
	height:610px;
}
ul.signal-good{
	
}
ul.signal-good li{
	width: 242px;
	height: 304px;
	text-align: center;
	position: relative;
	overflow: hidden;
	float: left;
	margin-right:7px;
}
ul.signal-good li:nth-child(4n){
	margin-right:0;
	
}
ul.signal-good li:nth-child(5+n){
	margin-top:6px;
}
ul.signal-good li a{
	
}
ul.signal-good li a img{
	/* width:100%; */
	width:180px;
	height:180px;
}
ul.signal-good li a p:nth-of-type(1){
	font-size: 16px;
	color: #333333;
	text-align:left;
	padding-left:14px;
}
ul.signal-good li a p:nth-of-type(2){
	font-size: 16px;
	color: #333333;
	text-align:left;
	padding-left:14px;
}
ul.signal-good li a p:nth-of-type(3){
	font-size: 17px;
	color: #9a2e1f;
	margin-top:16px;
	text-align:left;
	padding-left:14px;
}
ul.signal-good li a p:nth-of-type(3) span{
	font-size: 22px;
	color: #9a2e1f;
}
div.good-hide{
	height:84px;
	width: 242px;
	background: #27BA9B;
	padding:20px 0 17px 0;
	position: absolute;
	left:0;
	bottom:-84px;
	transition: all 0.3s;
}
ul.signal-good li:hover{
	border:2px solid #27ba9b;
}
ul.signal-good li:hover div.good-hide{
	bottom: 0;
}
div.topics-box{
	clear: both;
	margin-top:24px;
}
div.good-hide a{
	height:84px;
	width: 242px;
	display: block;
}
div.good-hide a span:first-child{
	width:120px;
	display: block;
	margin:0 auto;
	padding-bottom: 7px;
	border-bottom:2px solid #a9dbcc;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
}
div.good-hide a span:last-child{
	width:120px;
	display: block;
	text-align:center;
	margin:0 auto;
	padding-bottom: 7px;
	color: #FFFFFF;
	font-size: 13px;
	padding-top:7px;
}
div.latest-topics{
	height:510px;
	background:#f5f5f5;
}
div.latest-topics div.topics-content{
	padding-top:43px;
}
ul.topics-boxul{
	overflow: hidden;
}
ul.topics-boxul li{
	width:403px;
	height: 356px;
	overflow: hidden;
	float: left;
	margin-right:14px;
	background:#FFFFFF;
}
ul.topics-boxul li:last-child{
	margin-right:0;
}
ul.topics-boxul li a{
	width:403px;
	height:288px;
	display: block;
	position: relative;
}
ul.topics-boxul li a img{
	width:403px;
	height:288px;
}
ul.topics-boxul li a span:nth-of-type(1){
	position: absolute;
	left:16px;
	top:221px;
	font-size: 20px;
	color:#FFFFFF;
}
ul.topics-boxul li a span:nth-of-type(2){
	position: absolute;
	left:16px;
	top:254px;
	font-size: 16px;
	color: #999999;
}
ul.topics-boxul li a span:nth-of-type(3){
	position: absolute;
	left:308px;
	top:231px;
	font-size: 17px;
	color: #9a2e1f;
	width: 81px;
	height: 27px;
	line-height:27px;
	text-align: center;
	display: block;
	background: #FFFFFF;
}
div.tips{
	height:65px;
	width: 403px;
	overflow: hidden;
	padding:24px 16px 0 16px;
}
div.tips span:first-child{
	margin-right:24px;
}
div.tips span:first-child::before{
	content: '';
	width: 15px;
	height: 13px;
	display: inline-block;
	background: url(../images/sprites.png) no-repeat -120px -110px;
}
div.tips span:first-child::before:hover{
	/* background-position: -240px -110px; */
	/* background:red; */
}
div.tips span:nth-child(2)::before{
	content: '';
	width: 16px;
	height: 12px;
	display: inline-block;
	background: url(../images/sprites.png) no-repeat -160px -110px;
	/* margin-right: 17px; */
}
div.tips span:last-child::before{
	content: '';
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../images/sprites.png) no-repeat -200px -110px;
	vertical-align: middle;
}